<template>
<div class="guahao05">
  <div class="header">
    <i class="iconfont icon-msnui-left-arrow-round" @click="goGuahao04"></i>
    <span class="span">杨岚-微医</span>
    <div class="right"></div>
  </div>

  <div class="ssr">

    <div class="banner"></div>

    <div class="msg">
      <img src="/static/img/index/22.jpg" alt="" class="img">
      <div class="right">
        <div class="top">
          <span class="span1">杨岚</span>
          <img src="/static/img/index/24.png" alt="" class="zan">
        </div>
        <div class="center">主任医师/教授 呼吸内科</div>
        <div class="bottom">
          <i class="star"></i>
          <i class="star"></i>
          <i class="star"></i>
          <i class="star"></i>
          <i class="star"></i>
          <span class="span">暂无</span>
        </div>
      </div>
    </div>

    <div class="introduce">
      <p class="hospitalName">西安交通大学第一附属医院</p>
      <div class="div">
        <p class="goodAt">擅长：慢性阻塞性肺疾病、重症肺炎、支气管哮喘等呼吸疑难病症、不明原因发热、肺间质改变、重症肺部感染、慢性阻塞性肺疾病及呼吸衰竭等诊断和治疗</p>
        <a href="#" class="right">医生简介></a>
      </div>
    </div>

    <ul class="three">
      <li class="li">
        <img src="/static/img/index/25.png" alt="" class="img">
        <p class="p">预约挂号</p>
        <div class="div">
          <span class="left">6</span>
          <span class="right">人预约</span>
        </div>
      </li>
      <li class="li" @click="goGuahao06">
        <img src="/static/img/index/25.png" alt="" class="img">
        <p class="p">预约挂号</p>
        <div class="div">
          <span class="left">6</span>
          <span class="right">人预约</span>
        </div>
      </li>
      <li class="li">
        <img src="/static/img/index/25.png" alt="" class="img">
        <p class="p">预约挂号</p>
        <div class="div">
          <span class="left">6</span>
          <span class="right">人预约</span>
        </div>
      </li>
    </ul>

    <div class="patientEvaluation">
      <span class="top">患者评价（2）</span>
      <ul class="bottom">
        <li class="li">
          <div class="text">专治</div>
          <a href="#" class="a">肺气肿</a>
          <a href="#" class="a">肺气肿</a>
        </li>
        <li class="li">
          <a href="#" class="a">肺水肿</a>
          <a href="#" class="a">肺水肿</a>
          <a href="#" class="a">肺水肿</a>
        </li>
      </ul>
    </div>

    <div class="reviewList">
      <div class="review">
        <div class="top">
          <p class="p">冯** 就诊</p>
          <span class="span">
                    <i class="i"></i>
                    <i class="i"></i>
                    <i class="i"></i>
                    <i class="i"></i>
                    <i class="i"></i>
                </span>
          <span class="time">2017-12-28</span>
        </div>
        <div class="center">尚未确诊</div>
        <p class="content">医生很专业，经验丰富!</p>
      </div>
      <div class="review">
        <div class="top">
          <p class="p">冯** 就诊</p>
          <span class="span">
                    <i class="i"></i>
                    <i class="i"></i>
                    <i class="i"></i>
                    <i class="i"></i>
                    <i class="i"></i>
                </span>
          <span class="time">2017-12-28</span>
        </div>
        <div class="center">尚未确诊</div>
        <p class="content">医生很专业，经验丰富!</p>
      </div>
    </div>

    <div class="advertisement"></div>

  </div>

</div>
</template>

<script>
    export default {
        name: '',
        data() {
            return {}
        },
        methods:{
          goGuahao04:function(){
            this.$router.push("/guahao04/0")
          },
          goGuahao06:function(){
            this.$router.push("/guahao06")
          }
        }
    }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
@import "../assets/css/guahao05.css";
</style>
